const Vue = require('vue')
const VueServerRenderer = require('vue-server-renderer')
const Koa = require('koa')
const fs = require('fs')
const Router = require('@koa/router')
let app = new Koa() // 创建一个服务实例 
let router = new Router();
let vm = new Vue({
  data () {
    return { name: 'zf' }
  },
  template: '<div>hello {{name}}</div>'
})
const template = fs.readFileSync('./temp.html', 'utf8')
let render = VueServerRenderer.createRenderer({
    template
})
router.get('/', async ctx => {
  // 里面包含浏览器和服务端的 req/res的一些信
  ctx.body = await render.renderToString(vm)
})
app.use(router.routes()) // 将路由注册上 
app.listen(3000);
